{% extends "base.html" %}
{% load static %}

{% block title %}
联系我们
{% endblock %}


{% block content %}
<link href="{% static 'css/products.css' %}" rel="stylesheet">
<head>
<style>
    /* 自定义样式 */
    .contact-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 73vh;
    }
    .contact-info {
        color: aliceblue;
        width: 500px;
        height: 500px;
        padding: 20px;
        border:none;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }
    .contact-info p {
        margin-bottom: 10px;
        font-size: 20px;
    }
</style>
</head>
<body>
    <div class="contact-container">
        <div class="contact-info">
            <h2 class="text-center mb-4">联系恒恒星球</h2>
            <br>
            <br>
            <p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<strong>手机:</strong> +1785658XXXX</p>
            <br>
            <p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<strong>Email:</strong> author@163.com</p>
            <br>
            <p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;<strong>QQ:</strong> 2774031111</p>
        </div>
    </div>
</body>
{% endblock %}